.navbar {
	padding: 10px 20px;
	.nav-link {
		font-size: 18px;
		font-weight: 600;
		padding: 0.3rem 0 !important;
	}
	.nav-phone {
		margin-right: 6px;
	}
}

.navbarList {
	flex: 1;
	justify-content: space-around;
	align-items: center;
}

.headerActive {
	border-bottom: 2px solid #4ba1ea;
}

.headerActive .nav-link {
	color: #202080 !important;
}

.footer {
	.emall {
		padding-left: 31px;
		background: url("../images/icon-emall.png") no-repeat 0;
	}
	.address {
		padding-left: 23px;
		background: url("../images/icon-address.png") no-repeat 0;
	}
	.phone {
		padding-left: 23px;
		background: url("../images/icon-footPhone.png") no-repeat 0;
	}
}

@media screen and (max-width: 576px) {
	.container {
		max-width: 100%;
	}

	.navbar {
		padding: 10px 20px;
		.nav-link {
			font-size: 16px;
			font-weight: 500;
			padding: 0.3rem 0 !important;
		}
		.nav-phone {
			margin-right: 6px;
		}
	}

	.footer {
		.foot-collapse {
			font-size: 14px;
		}
	}
}

@media screen and (min-width: 576px) {
	.container {
		max-width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.container {
		max-width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.container {
		max-width: 100%;
	}
}

@media screen and (min-width: 1200px) {
	.container {
		max-width: 100%;
		padding: 0 20px;
	}
}
